<!-- gif图片 -->
<div class="load-img" [ngClass]="{'show':hasLoading,'hide':!hasLoading}">
  <img src="/assets/images/loading.gif" />
</div>
<!-- 用餐人数 -->
<div [ngClass]="{'hide':hasLoading,'show':!hasLoading}">
  <div class="start_content">
    <header class="start_header">
      <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/canju.png" /> 用餐人数
    </header>
    <p class="notice">请选择正确的用餐人数 ，小二马上给你送餐具</p>
    <div class="content">
      <ul class="user_list">
        <li *ngFor="let item of personNumList">
          <span>{{item}}</span>
        </li>
      </ul>

      <div class="mark_input">
        <input type="text" [(ngModel)]='remark' placeholder="请输入您的口味要求，忌口等（可不填）" />
      </div>
      <ul class="mark_list">
        <li>
          <span>打包带走</span>
        </li>
        <li>
          <span>
            不要放辣椒
          </span>
        </li>
        <li>
          <span>
            微辣
          </span>
        </li>
      </ul>
    </div>
  </div>

  <div id="start" class="start" (click)="start()">
    <span>
      开始点菜
    </span>
  </div>
</div>
